@import "../config.scss";

.export-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: left;
}

.export-wrapper {
  .checkbox-card {
    width: 100%;
    height: auto;
    padding-top: 4px;
    user-select: none;

    .ant-checkbox-group {
      width: 100%;
      height: auto;

      .ant-checkbox-wrapper {
        width: 140px;
        padding: 4px 0px;
      }
    }
  }

  .checkData-card {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;

    .card-item {
      width: 200px;
      margin-right: 8px;
    }

    .ant-select {
      width: 100%;
    }
  }
}

.export-wrapper .layout-card .right-card {
  .CheckProp-card {
    width: 100%;
    height: auto;
    user-select: none;

    .list-item {
      width: 100%;
      height: auto;
      padding: 4px 0px;
      font-size: 14px;
      cursor: pointer;

      span:first-child {
        margin-right: 8px;
      }

      &:hover {
        background-color: rgba(0, 0, 0, 0.04);
      }
    }
  }
}
